<!DOCTYPE html>
<html><script type="text/javascript" async="" src="order-pay_files/detect.json"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>order-pay</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="订单支付,旅游网">
    <meta name="description" content="支付">
    <meta http-equiv="Pragma" content="no-cache">
    <link rel="shortcut icon" type="image/x-icon" href="http://www.lvmama.com/favicon.ico">
    

    <link rel="stylesheet" href="order-pay_files/index.css">

    <script async="" src="order-pay_files/sensorsdata.js" charset="UTF-8"></script><script src="order-pay_files/index_002.js"></script>
    <script src="order-pay_files/eluminate.js"></script>
    <script src="order-pay_files/coremetrics-initalize.js"></script><script language="javascript" type="text/javascript" src="order-pay_files/52710000.js"></script>
    <script src="order-pay_files/losc-1.js"></script>
    <script type="text/javascript">
        var oHead = document.getElementsByTagName('HEAD').item(0);
        var oScript = document.createElement("script");
        oScript.type = "text/javascript";
        oScript.src = "https://dfp.lvmama.com/public/downloads/frms-fingerprint.js?custID=dfp&serviceUrl=https://dfp.lvmama.com/public/generate/jsonp&loadSource=script";
        oHead.appendChild(oScript);
    </script><script type="text/javascript" src="order-pay_files/frms-fingerprint.js"></script>
    <script src="order-pay_files/getSensorsJs.js"></script>
    <script>_LVMAMA_COREMETRICS.init(document.domain);</script>
    <script src="./js/vue/vue.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/qrcode.js"></script>
    <link rel="stylesheet" type="text/css" href="css/webbase.css" />
    <link rel="stylesheet" type="text/css" href="css/pages-weixinpay.css" />

</head>
<body>
<div class="order-header wrap">
    <div class="header-inner">
        <a class="logo" href="http://www.lvmama.com/">自助游天下 就找驴妈妈</a>
        
            <p class="welcome">
                您好，<b>尊敬的游客</b>
            </p>
        
        
        <p class="info">
            24小时服务热线：<strong>1010-6060</strong>
        </p>
    </div>
</div>

<div id="app" class="main_box">
    <div class="wrap">
        <ol class="ui-step ui-step-3">
            <li class="ui-step1 ui-step-start">
                <div class="ui-step-arrow">
                    <i class="arrow_r1"></i> <i class="arrow_r2"></i>
                </div>
                <span class="ui-step-text">填写订单</span>
            </li>
            <li class="ui-step2 ui-step-active">
                <div class="ui-step-arrow">
                    <i class="arrow_r1"></i> <i class="arrow_r2"></i>
                </div>
                <span class="ui-step-text">在线支付</span>
            </li>
            <li class="ui-step3 ui-step-end ">
                <div class="ui-step-arrow">
                    <i class="arrow_r1"></i> <i class="arrow_r2"></i>
                </div>
                <span class="ui-step-text">预订成功</span>
            </li>
        </ol>

        <input id="splitMoneyFlag" value="false" type="hidden">
        <input id="currentSplitMoneyFlag" value="false" type="hidden">
        <input id="oughtPayYuan" type="hidden" value="70.00">
        <!-- 支付产品信息 开始 -->
        <div class="pay_top">
            <div class="pay_top_info">
                <div class="pay_info_tit" name="payTopTip">
                    <span class="pay_info_btn js_info_show"><b>订单详情</b><i><samp>◆</samp><dfn>◆</dfn></i></span>
                    订单金额<span class="pay_price"><small>¥</small>
                    {{order.orderMoney}}</span>
                    <span class="pay-time">剩余支付时间：<dfn class="pay_countdown js_countdown" data-time="2216731"><i>0</i>天<i>00</i>时<i>36</i>分<i>47</i>秒</dfn></span>
                </div>
            </div>

            <div class="pay_info_box js_content_box" style="display:none;">
                
                    <p class="pay_info_p"><b>订单号</b>{{order.id}}</p>
                
                <p class="pay_info_p"><b>产品名称</b>{{order.attractions.name}}</p>
                
            </div>
        </div>

    </div>

</div>

        <!-- 支付产品信息 结束 -->

        
        
            




<script>
    $(function() {
        //登录
        $(document).on('click', '.btn_login', function (e) {
            /*var aaa = function () {
                alert('登录成功')
            };*/
//            showLogin(aaa);  //登录成功后执行回调，如果不传参数则默认刷新页面
            showLogin();  //登录成功后执行回调，如果不传参数则默认刷新页面
        });
    });
</script>
        
        
        <!-- 应付金额模块 -->
        <div class=main_box">
            
            <div class="pay_top_info">
                
                
                
                    <div class="pay_info_tit">
                            
                        <!-- 应付金额 <span class="pay_price"> <small>¥</small>{{order.orderMoney}} -->
                        
                        
						</span>
                    </div>
                    
                
                
            </div>

            <div class="pay_info_box pay_info_baitiao">
                <!-- 白条支付 -->
                <div class="baitiao_pay">
                    

	<div class="pay_mode_list">
		
	</div>

                </div>
                <!-- 白条支付 -->


                <!-- 支付tab 开始 -->
                <!-- 支付tab页tab头 -->
                <div class="pay_other_box">
                    <ul class="pay_type_tab">
                            
                            
                    
                                <li class="active" name="WX_PAY">
                                        微信支付
                                    <i class="pay_icon pay_icon_tj">推荐<b></b></i>
                                </li>
                    
                    </ul>

                    <!-- 支付tab页内容 -->
                    
                        
                        <div style="display:block;" class="pay_type_box">
                            <!-- 网银支付begin -->
                            
                                 <div id="qrImage"></div>
                                <dl class="pay_type_ka" style="width: 600px;height: 400px;">
                                    <input class="paytablimit" name="ONLINE_PAY" type="hidden" value="">
                                    
                                </dl>
                                
                                <div class="pay-btn-part">
                                    <p class="to-pay-tips" id="paylimitNotice"></p>
                                    <a class="btn btn-lg btn-orange btn_next" onclick="selectBanks(this, 'ONLINE_PAY_UL')">去支付</a>
                                </div>

                                
                            
                            <!-- 网银支付end -->

                            <!-- 微信支付begin -->
                            
                            <!-- 微信支付end -->
                            <!-- 花呗支付begin -->
                            
                            <!-- 花呗支付end -->
                            <!-- 平台支付begin -->
                            
                            <!-- 平台支付end -->

                            <!-- 电话支付begin -->
                            
                            <!-- 电话支付end -->

                             
                            <!-- 在线预授权begin -->
                            
                            <!-- 在线预授权end -->

                              
                        </div>
                        
                        <div class="pay_type_box">
                            <!-- 网银支付begin -->
                            
                            <!-- 网银支付end -->

                            <!-- 微信支付begin -->
                            

                                <div class="pay_type_wx clearfix">
                                    <div class="wx-pay-left">
                                        <p><i class="wx-pay-check-icon"></i><em>微信支付</em><br>亿万用户的选择，更快更安全</p>
                                        <a class="btn btn-xl btn-orange btn_next js_weixin" onclick="selectBanks(this, 'WEIXIN_PLATFORM_UL')">去支付</a>
                                    </div>
                                    <p class="wx-pay-right">点击“微信扫码支付”<br>打开手机微信“扫一扫”<br>扫描二维码进行支付</p>
                                </div>
                            
                            <!-- 微信支付end -->
                            <!-- 花呗支付begin -->
                            
                            <!-- 花呗支付end -->
                            <!-- 平台支付begin -->
                            
                            <!-- 平台支付end -->

                            <!-- 电话支付begin -->
                            
                            <!-- 电话支付end -->

                                
                            <!-- 在线预授权begin -->
                            
                            <!-- 在线预授权end -->
   

                        </div>
                        
                        
                        <div class="pay_type_box">
                            <!-- 网银支付begin -->
                            
                            <!-- 网银支付end -->

                            <!-- 微信支付begin -->
                            
                            <!-- 微信支付end -->
                            <!-- 花呗支付begin -->
                            
                            <!-- 花呗支付end -->
                            <!-- 平台支付begin -->
                            
                                <dl class="pay_type_ka pay_type_pingtai">
                                    <input class="paytablimit" name="PAY_PLATFORM" type="hidden" value="10000000">
                                    <dd>
                                        <ul class="bank_list clearfix js_pay_list" id="PAY_PLATFORM_UL">
                                            
                                                
                                                    <!-- 屏蔽银联支付渠道的长隆产品 -->
                                                    
                                                            <li clickevent="beforeSubmitGateway(this,'alipay')" paymentgateway="ALIPAY" paymentgatewayconfigid="100041" onclick="setPayLimitNotice('','','paylimitNotice1')">
                                                                <i class="bank alipay" title="支付宝"></i>
                                                                    
                                                                <input class="paylimit" type="hidden" value="">
                                                            </li>
                                                        
                                                    <!-- 屏蔽银联支付渠道的长隆产品 -->
                                                    
                                                            <li clickevent="suningQuickPay()" paymentgateway="SUNING_QUICK" paymentgatewayconfigid="100474" onclick="setPayLimitNotice('','','paylimitNotice1')">
                                                                <i class="bank suningpay" title="苏宁支付"></i>
                                                                    <i class="pay_icon pay_icon_jian"></i><p>新用户立减10,老用户随机减</p></li>
                                                                <input class="paylimit" type="hidden" value="">
                                                            
                                                    <!-- 屏蔽银联支付渠道的长隆产品 -->
                                                    
                                                            <li clickevent="beforeSubmitWeixinWebGateway(this,'weixinUnifiedOrderWeb')" paymentgateway="WEIXIN_UNIFIED_ORDER_WEB" paymentgatewayconfigid="100000" onclick="setPayLimitNotice('','','paylimitNotice1')">
                                                                <i class="bank weixinpay" title="微信WEB扫码支付"></i>
                                                                    
                                                                <input class="paylimit" type="hidden" value="">
                                                            </li>
                                                        
                                                    <!-- 屏蔽银联支付渠道的长隆产品 -->
                                                    
                                                        
                                                            <li clickevent="beforeSubmitGateway(this,'UNIONPAY_TRADE_PAGE_MERGE_PAY')" paymentgateway="UNIONPAY_TRADE_PAGE_MERGE_PAY" paymentgatewayconfigid="100485" onclick="setPayLimitNotice('','','paylimitNotice1')">
                                                                <i class="bank unionpay-quick" title="平安银联快捷PC分账支付"></i>
                                                                    
                                                                <input class="paylimit" type="hidden" value="">
                                                            </li>
                                                        
                                                
                                                    <!-- 屏蔽银联支付渠道的长隆产品 -->
                                                    
                                                            <li clickevent="beforeSubmitGateway(this,'unionpay')" paymentgateway="UNIONPAY" paymentgatewayconfigid="100039" onclick="setPayLimitNotice('银联支付：单笔限额2000元，单日限额5000元','','paylimitNotice1')">
                                                                <i class="bank unionpay2" title="银联"></i>
                                                                    
                                                                <input class="paylimit" type="hidden" value="1999">
                                                            </li>
                                                        
                                        </ul>
                                    </dd>
                                </dl>
                                <div class="pay-btn-part">
                                    <p class="to-pay-tips" id="paylimitNotice1"></p>
                                    <a class="btn btn-lg btn-orange btn_next" onclick="selectBanks(this, 'PAY_PLATFORM_UL')">去支付</a>
                                </div>
                            
                            <!-- 平台支付end -->

                            <!-- 电话支付begin -->
                            
                            <!-- 电话支付end -->

                                
                            <!-- 在线预授权begin -->
                            
                            <!-- 在线预授权end -->
 

                        </div>
                        
                        
                        <div class="pay_type_box">
                            <!-- 网银支付begin -->
                            
                            <!-- 网银支付end -->

                            <!-- 微信支付begin -->
                            
                            <!-- 微信支付end -->
                            <!-- 花呗支付begin -->
                            
                            <!-- 花呗支付end -->
                            <!-- 平台支付begin -->
                            
                            <!-- 平台支付end -->

                            <!-- 电话支付begin -->
                            
                            <!-- 电话支付end -->

                                
                            <!-- 在线预授权begin -->
                            
                                    <p>当前产品不支持在线预授权支付，请选用其他支付方式</p>
                                
                            
                            <!-- 在线预授权end -->


                        </div>
                        
                    <div class="pay-warning"><i class="pay_icon pay_icon_quest"></i><a href="http://www.lvmama.com/public/help_center_182" target="_blank">订单限额超过怎么办？</a></div>

                   
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 预授权更多银行 -->
<div id="bankTipsLayer" class="hide">
    <div id="bankTipsLayerCase">
        <!--此处开始循环 -->
        <ul>
            <li>B-F</li>
            <li>G-H</li>
            <li>J-P</li>
            <li>Q-T</li>
            <li>W-Z</li>
        </ul>
        <ul>
            <li>包商银行</li>
            <li>贵阳银行</li>
            <li>江苏银行</li>
            <li>青海银行</li>
            <li>威海市商业银行</li>
        </ul>
        <ul>
            <li>长沙银行</li>
            <li>广州银行</li>
            <li>江苏省农村信用社联合社</li>
            <li>齐鲁银行</li>
            <li>潍坊银行</li>
        </ul>
        <ul>
            <li>常熟农村商业银行</li>
            <li>广州农村商业银行</li>
            <li>江阴农村商业银行</li>
            <li>上海农商银行</li>
            <li>温州银行</li>
        </ul>
        <ul>
            <li>承德银行</li>
            <li>赣州银行</li>
            <li>金华银行</li>
            <li>上饶银行</li>
            <li>乌鲁木齐商业银行</li>
        </ul>
        <ul>
            <li>成都农商银行</li>
            <li>哈尔滨银行</li>
            <li>九江银行</li>
            <li>顺德农村商业银行</li>
            <li>无锡农村商业银行</li>
        </ul>
        <ul>
            <li>重庆农村商业银行</li>
            <li>湖南省农村信用社联合社</li>
            <li>兰州银行</li>
            <li>台州银行</li>
            <li>宜昌市商业银行</li>
        </ul>
        <ul>
            <li>重庆银行</li>
            <li>徽商银行</li>
            <li>龙江银行</li>
            <li>&nbsp;&nbsp;</li>
            <li>银川市商业银行</li>
        </ul>
        <ul>
            <li>大连银行</li>
            <li>河北银行</li>
            <li>南昌银行</li>
            <li>&nbsp;&nbsp;</li>
            <li>尧都农村商业银行</li>
        </ul>
        <ul>
            <li>东营银行</li>
            <li>杭州银行股份有限公司</li>
            <li>南京银行</li>
            <li>&nbsp;&nbsp;</li>
            <li>鄞州银行</li>
        </ul>
        <ul>
            <li>福建农信社</li>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>浙江稠州商业银行</li>
        </ul>
        <ul>
            <li>鄂尔多斯银行</li>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>浙江泰隆商业银行</li>
        </ul>
        <ul>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>浙江民泰商业银行</li>
        </ul>
        <ul>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>&nbsp;&nbsp;</li>
            <li>吴江农村商业银行</li>
        </ul>
        <!--到此循环结束 -->
    </div>
</div>

<!-- 弹框   支付失败-->
<div class="pay-splits-fail" id="pay_fail" style="display: none;">
    <i></i><span class="text">本次支付失败，请重新支付</span>
</div>


<div class="pay-splits-fail" id="no_use_pingan" style="display: none;">
    <i></i><span class="text">暂不支持此种支付，请选用其它支付方式</span>
</div>

<!-- 弹框   部分支付-->
<div class="pay_state" id="pay_split_state" style="display: none;">
    <p>请在新开页面付款后选择：</p>
    <div class="pay_state_btn">
        <span class="btn btn-lg btn-orange" onclick="splitPayOKButton()">完成并继续支付</span>
        <span class="btn btn-lg " onclick="splitPayOKButton()">返回重新支付</span>
    </div>
    <p class="telephone">24小时客服电话 <span class="num">1010-6060</span></p>
</div>

<!-- 弹框   完全支付-->
<div class="pay_state" id="pay_state" style="display: none;">
    <p>请在新开页面付款后选择：</p>
    <div class="pay_state_btn">
        <span class="btn btn-lg btn-orange" onclick="payOKButton()">已完成付款</span>
        <span class="btn btn-lg " onclick="payCloseDialog(this)">返回重新支付</span>

    </div>
    <p class="telephone">24小时客服电话 <span class="num">1010-6060</span></p>
</div>

<div class="pay_overtime" id="pay_overtime" style="display: none;">
    <p>
        <span class="tip-icon-big tip-icon-big-warning"></span>该笔订单支付超时，请重新下单！
    </p>
</div>

<div class="pay_overtime_splits" id="pay_overtime_splits" style="display: none;">
    <p class="pos_info">
        <span class="icon_overtime_splits"></span>
        该笔订单超时，请重新下单<br>
    </p>
    <p class="pos_telephone">客服电话 <em>1010-6060</em></p>
    <div class="pos_btn_group">
        <span class="btn btn-lg btn-orange" onclick="splitPayNoTimeClose()">我知道了</span>
    </div>
</div>

<div class="pay_timeout" id="pay_timeout" style="display: none;">
    <p>
        <span class="tip-icon-big tip-icon-big-warning"></span>该笔订单已超时，请重新下单支付！
    </p>
</div>

<div class="pay_repeat" id="pay_repeat" style="display: none;">
    <p>
        <span class="tip-icon-big tip-icon-big-warning"></span>该笔订单已支付成功！
    </p>
</div>
<!-- 弹框 -->

<!--页面等待-->
<div class="payWaiting" style="display: none;">
    <div class="windowBg"></div>
    <div class="winloading">
        <img style="vertical-align: middle;" src="%E8%AE%A2%E5%8D%95%E6%94%AF%E4%BB%98_%E9%A9%B4%E5%A6%88%E5%A6%88%E6%97%85%E6%B8%B8%E7%BD%91_files/loadingGIF46px.gif" width="46" height="46">
        <p class="mlv-load">正在支付,请稍后...</p>
    </div>
</div>

<form name="submit_vst_pay" method="post" id="submit_vst_pay" action="" target="_blank">
    <input type="hidden" name="objectName" value="武汉欢乐谷、欢乐谷灯光节特惠夜场票【尝鲜票】"> <input type="hidden" name="extParameters" id="extParameters">
</form>
<script src="%E8%AE%A2%E5%8D%95%E6%94%AF%E4%BB%98_%E9%A9%B4%E5%A6%88%E5%A6%88%E6%97%85%E6%B8%B8%E7%BD%91_files/footer.js"></script><!-- 公共底部  --><!-- footer\ --><div class="wrap" style="clear: both;"><a class="public_ft" href="http://www.lvmama.com/public/user_security" target="_blank"><ul class="public_ft_list"><li><i class="ft_ioc1"></i><strong>价格保证</strong>同类产品，保证低价</li><li><i class="ft_ioc2"></i><strong>退订保障</strong>因特殊情况影响出行，保证退订</li><li><i class="ft_ioc3"></i><strong>救援保障</strong>旅途中遇意外情况，保证援助</li><li><i class="ft_ioc4"></i><strong>7x24小时服务</strong>快速响应，全年无休</li></ul></a></div><!-- copyright\ --><div class="lv-footer clearfix wrap" style="margin:0 auto;">    <p class="footer-link">       <a href="http://www.lvmama.com/public/about_lvmama" rel="nofollow">关于我们</a> |        <a href="http://www.lvmama.com/public/lianxi_us" rel="nofollow">联系我们</a> |        <a href="http://www.lvmama.com/public/site_map">网站地图</a> |        <a href="http://hotels.lvmama.com/brand/">酒店品牌</a> |        <a href="http://hotels.lvmama.com/area/">酒店查询</a> |        <a href="http://www.lvmama.com/public/help" rel="nofollow">帮助中心</a> |        <a href="http://www.lvmama.com/public/links">友情链接</a> |        <a href="http://www.lvmama.com/public/jobs" rel="nofollow">诚聘英才</a> |    <a href="http://www.lvmama.com/public/zizhi_lvmama" rel="nofollow">旅游度假资质</a> |        <a href="http://www.lvmama.com/userCenter/user/transItfeedBack.do" rel="nofollow">意见反馈</a> |        <a rel="nofollow" href="http://www.lvmama.com/public/adwy">广告业务</a>    </p>    <p class="lv-copyright">Copyright © 2020 www.lvmama.com. 上海景域文化传播股份有限公司版权所有　<a href="http://pic.lvmama.com/img/businesslicense.jpg" target="_blank">营业执照</a>　<a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">沪ICP备13011172号-3</a>　增值电信业务经营许可证编号：<a rel="nofollow" href="http://pic.lvmama.com/img/ICP.jpg" target="_blank">沪B2-20100030</a></p>   <div class="lv-safety">      <a class="safety2" target="_blank" rel="nofollow" title="经营性网站备案信息" href="http://www.beian.miit.gov.cn/"></a>      <a class="safety3" target="_blank" rel="nofollow" title="网络110报警服务" href="http://www.cyberpolice.cn/"></a>      <a class="safety4" target="_blank" rel="nofollow" title="支付宝特约商家"></a>      <a class="safety5" target="_blank" rel="nofollow" title="AAA级信用企业" href="http://www.itrust.org.cn/home/index/itrust_certifi/wm/1664396140.html"></a>      <a class="safety6" target="_blank" rel="nofollow" title="上海工商" href="http://scjgj.sh.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=20110930103539539"></a>      <a class="safety7" target="_blank" rel="nofollow" title="可信网站" href="https://ss.knet.cn/verifyseal.dll?sn=2010101800100002662&amp;comefrom=trust&amp;trustKey=dn&amp;trustValue=www.lvmama.com"></a>      <a class="safety8" target="_blank" rel="nofollow" title="诚信认证示范企业" href="https://credit.szfw.org/CX20160614015657160455.html" id="___szfw_logo___" hidefocus="false"></a>      <a class="safety9" target="_blank" rel="nofollow" title="网络社会征信网" href="http://www.zx110.org/"></a>      <a class="safety10" target="_blank" rel="nofollow" title="360网站安全检测" href="http://webscan.360.cn/"></a>      <a class="safety11" target="_blank" rel="nofollow" title="网监安全" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011402005637"></a>      <a class="safety13" target="_blank" rel="nofollow" title="举报中心" href="http://www.shjbzx.cn/"></a>   </div></div><!-- //footer --><!-- 公共底部结束  -->
<!-- js begin -->
<script>
     var vm = new Vue({
            el:"#app",
            data:{
               order:{
                attractions:{}
               },
               id:'',
            },
            methods: {
                findOrderById(id){
                    wfx.http.get("/weixin/findOrder?id="+id).then(res=>{
                   
                    console.log(res);
                    this.order=res;
                });
                },
                openSocket() {
                    console.log(this.id)
                if(typeof(WebSocket) == "undefined") {
                    console.log("您的浏览器不支持WebSocket");
                }else{
                    console.log("您的浏览器支持WebSocket");
                    //实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接
                    var socketUrl="ws://localhost:8216/websocket/"+this.id;
                    
                    if(this.socket!=null){
                        this.socket.close();
                        this.socket=null;
                    }
                    //初始化websocket实例对象
                    this.socket = new WebSocket(socketUrl);
                    //打开事件
                    this.socket.onopen = function() {
                        console.log("websocket已打开");
                    };
                    //获得消息事件
                    var _this = this;
                    this.socket.onmessage = function(msg) {
                        console.log(111111111111111111111)
                        //服务端回传的消息
                        console.log(msg.data);
						//如果支付成功
						if(msg.data =="success"){
                            console.log(111111111111111111111)
                            location.href = "http://localhost:8040/pay_success.html?id="+_this.id;
							this.socket.close()
							location.href = "http://localhost:8040/pay_success.html?id="+_this.id;
						}
                    };
                    //关闭事件
                    this.socket.onclose = function() {
                        console.log("websocket已关闭");
                    };
                    //发生了错误事件
                    this.socket.onerror = function() {
                        console.log("websocket发生了错误");
                    }
                }
	            },
            },
            created() {
                var _this = this
                // var params = this.urlToObj(location.href);
				// var id = params.id;
                var id = '1369486707833049088';
				if(!id){
                    alert("订单不存在")
				}else{
                    this.findOrderById(id);
					_this.id = id;
                    console.log(_this.id)
                    this.openSocket();
					//下单，返回codeUrl
					wfx.http.get("/weixin/unifiedorder?id="+id).then(res=>{
							//生成二维码
							var qrcode = new QRCode("qrImage", {
								text: res.data.codeUrl,
								width: 256,
								height: 256,
								colorDark : "#000000",
								colorLight : "#ffffff",
								correctLevel : QRCode.CorrectLevel.H
							});
					})

				}

            },
        })
</script>





<script type="text/javascript">

    //分次支付
    $("#splitPay").click(function () {
        var splitPayType = 'ONLINE_PAY|WX_PAY|PAY_PLATFORM|';
        $('#pay-split-order').hide();
        $('#pay_info_box').show();
        $('#pay_info_box_default').hide();
        $('#pay-splits-input').show();
        $('#inputSplitPay')[0].focus();
        $('#pay_info_box_old').hide();
        $('#splitMoneyFlag').val('true');
        $('#currentSplitMoneyFlag').val('true');

        //分次支付只支持网银，直连，和微信
        $('.pay_type_tab li').each(function (i) {
            if (i == 0) {
                if (splitPayType.indexOf($('.pay_type_tab li.active').attr('name')) < 0) {
                    $(this).click();
                }
            }

            if (splitPayType.indexOf($(this).attr('name')) < 0) {
                $(this).hide();
            }

        });

        //分次支付不支持支付立减
        $('.pay_icon_jian').hide();
        $('.pay_icon_jian').next().hide();
        fincePayHide();
        var paySplits = window.paySplits;
        paySplits.qrcodeDanger();

    });

    function fincePayHide() {
        if ($('.baitiao_pay').length > 0) {
            $('.baitiao_pay').hide();
        }

        if ($('.finance_pay').length > 0) {
            $('.finance_pay').hide();
        }
    }

    //取消分次支付
    $('#splitPayCancel').click(function () {
        $('#pay-split-order').show();
        $('#pay_info_box_old').show();
        $('#pay-splits-input').hide();
        $('#pay_info_box').hide();
        $('#pay_info_box_default').show();
        $('#splitMoneyFlag').val('false');
        $('#currentSplitMoneyFlag').val('false');
        $('#inputSplitPay').val('');

        $('.pay_type_tab li').each(function () {
            $(this).show();
        });

        $('.pay_icon_jian').show();
        $('.pay_icon_jian').next().show();

        if ($('.baitiao_pay').length > 0) {
            $('.baitiao_pay').show();
        }

        if ($('.finance_pay').length > 0) {
            $('.finance_pay').show();
        }
        alipayCode();
        $(".pay_top_zfb img").hide();
        $(".pay_top_zfb iframe").show();
        getHuabeiSplitAmount(0, false);
    });

   

    function freshenAliPayCode() {
        var payAmountMoneyStr = $('.pay-splits-amount-payable').text();
        var splitMoneyFlag = $('#splitMoneyFlag').val();
        var payAmountMoney = parseFloat(parseFloat($.trim(payAmountMoneyStr)).toFixed(2));
        var paySplitStr = $('#inputSplitPay').val();
        var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
        if (paySplitStr != '') {
            if (!reg.test(paySplitStr)) {
                return;
            } else {
                var paySplit = parseFloat(parseFloat($.trim(paySplitStr)).toFixed(2));
                if (paySplit >= 0.01 && paySplit <= payAmountMoney) {
                    alipaySplitPay(paySplit, splitMoneyFlag);
                    getHuabeiSplitAmount(paySplit, true);
                }
            }
        }
    }

    function getHuabeiSplitAmount(paySplit, isSplitMoneyFlag) {
        var basePh = 'https://pay.lvmama.com/payfront';
        var payAmountFen = '7000';
        var paySplitFen = $.trim(paySplit);
        $.ajax({
            url: basePh + "/view/getHuabeiSplitAmount.do",
            ype: "post",
            async: false,
            dataType: "json",
            data: {
                "paySplitAmount": paySplitFen,
                "payAmountFen": payAmountFen,
                "isSplitMoneyFlag": isSplitMoneyFlag
            },
            success: function (data) {
                var tmpList = $("li[name='huabei_li_list']");
                var list = data.jsonMap.instalmentInfoVos;
                if (list != null && list.length == tmpList.length) {
                    for (var i = 0; i < list.length; i++) {
                        var perdTotAmt = $(tmpList[i]).find(".fenqi_detail_price dfn");
                        var perdFeeAmt = $(tmpList[i]).find(".fenqi_detail_tip");
                        var totalAmount = $(tmpList[i]).find(".fenqi_all_price");
                        perdTotAmt.html("¥" + list[i].perdTotAmtYuan);
                        perdFeeAmt.html("（含手续费¥" + list[i].perdFeeAmtYuan + "/期）");
                        totalAmount.html("总计¥" + list[i].totalAmountYuan);

                    }
                }
            }
        });
    }

    $(document).on('click', '.js_pay_list li', function () {
        var basePh = 'https://pay.lvmama.com/payfront';
        var selectPayCode = $(this).attr('paymentGateWay');
        var payAmountFen = '7000';
        var bankPromotionMapString = '';
        var splitMoneyFlag = $('#splitMoneyFlag').val();

        if ('true' == splitMoneyFlag) {
            return;
        }

        $.ajax({
            url: basePh + "/view/bankPromotSlecet.do",
            type: "post",
            async: false,
            dataType: "json",
            data: {
                "selectPayCode": selectPayCode,
                "payAmountFen": payAmountFen,
                "bankPromotionMapString": bankPromotionMapString
            },
            success: function (data) {
                if (data.promotJsonMap.status == "success" && data.promotJsonMap.promotAmountFen != null) {
                    $(".pay_info_tit:[name!=payTopTip]").find('.pay_price').html('<small>¥</small>&nbsp;' + data.promotJsonMap.oughtPayYuan
                        + ''
                        + '');

                } else {
                    $(".pay_info_tit:[name!=payTopTip]").find('.pay_price').html('<small>¥</small>&nbsp;' + data.promotJsonMap.oughtPayYuan
                        + ''
                        + '');
                }
            }
        });
    });

    $(document).on('click', '.pay_type_tab li', function () {
        var basePh = 'https://pay.lvmama.com/payfront';
        var selectPayCode;
        var payAmountFen = '7000';
        var bankPromotionMapString = '';

        var splitMoneyFlag = $('#splitMoneyFlag').val();

        if ('true' == splitMoneyFlag) {
            return;
        }

        if ($(this).attr("name") == "WX_PAY") {
            selectPayCode = "WEIXIN_UNIFIED_ORDER_WEB";
        } else if ($(this).attr("name") == "ONLINE_PAY" || $(this).attr("name") == "PAY_PLATFORM") {
            var v = $("#" + $(this).attr("name") + "_UL li.active");
            if (v.length == 0) {
                selectPayCode = 'NONE';
            } else {
                selectPayCode = v.attr('paymentGateWay');
            }
        } else {
            selectPayCode = 'NONE';
        }

        $.ajax({
            url: basePh + "/view/bankPromotSlecet.do",
            type: "post",
            async: false,
            dataType: "json",
            data: {
                "selectPayCode": selectPayCode,
                "payAmountFen": payAmountFen,
                "bankPromotionMapString": bankPromotionMapString
            },
            success: function (data) {
                if (data.promotJsonMap.status == "success" && data.promotJsonMap.promotAmountFen != null) {
                    $("#pay-split-order").find('.pay_price').html('<small>¥</small>&nbsp;' + data.promotJsonMap.oughtPayYuan
                        + ''
                        + '');
                } else {
                    $("#pay-split-order").find('.pay_price').html('<small>¥</small>&nbsp;' + data.promotJsonMap.oughtPayYuan
                        + ''
                        + '');
                }
            }
        });
    });


    

    function sensorDeploy(){
        var oughtPayYuan = '70.00';
        // 白条
        var oughtPayAmountYuan = '70.00';
        var actualPay;
        if( oughtPayYuan && oughtPayAmountYuan != ''){
            actualPay = oughtPayYuan;
        }else{
            actualPay = oughtPayAmountYuan;
        }
        sensors.track('PayOrderAction', {
            order_id:'21100610632',
            order_price: actualPay,
            order_price_amount_payment:'70.00'
        });
    }


    

    function getCookie(c_name) {
        if (document.cookie.length > 0) {
            c_start = document.cookie.indexOf(c_name + "=");
            if (c_start != -1) {
                c_start = c_start + c_name.length + 1;
                c_end = document.cookie.indexOf(";", c_start);
                if (c_end == -1) c_end = document.cookie.length;
                return unescape(document.cookie.substring(c_start, c_end));
            }
        }
        return ""
    }
    function setCookie(name, value) {
        var days = 1;
        var exp = new Date();
        exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toString();
    }
    function alipayCode() {
        var hasSplitPayFlag = "false";
        var cantainInsurAndConfigEnableFlag = "false";
        var splitMoneyFlag = $('#splitMoneyFlag').val();
        if('true' == cantainInsurAndConfigEnableFlag && 'true' != hasSplitPayFlag && 'true' != splitMoneyFlag){
            $(".alipayScan").css("display","none");
            return;
        } else {
            $(".alipayScan").css("display","block");
            var bsfitDeviceid=getCookie("BSFIT_DEVICEID");
            if ("true" == splitMoneyFlag) {
                jQuery("#alipayIframe").attr("src", "https://pay.lvmama.com/payment/pay/choosePay.do?paymentgateway=alipay&paymentGateWayConfigId=100041&payType=SINGLE&platFrom=domain&payPlatType=_third_plat_pay&objectId=21100610632&amount=&objectType=ORD_ORDER&paymentType=PAY&waitPayment=37&approveTime=20210228202332&visitTime=20210228000000&bizType=VST_ORDER&royaltyParameters=&signature=UuEC66kpteVuryPaA0uL60WPhgOQDFvGLK00JWAsz55OdYwjwrxxfANJhw9FAQ8ruzM0FU8Yc9CMBHDGU25eUuy8hEoaNF7sibaWinMdhA2r0BPUqWtPMEIqJs6ALzDh+Q96hAe5fFiPGOwPIX1VnVr8lAZ3fBWSlv9a2LaaKHr++bQ+A+Xv4sGoAd92qrhPCAySXzuh9RIfzS3D3vY27w+dq9G+wB0G3nf2cZ//9uZWtfjFMtPPRxJFbcoqknPMr81YaFsYVHK//GSRWxacEOS9No+s6GPMtmwfw7q+vTKWd8/fOXo0nDqgcCeh6P/lEmJuib78YCWL9oEjDkAbZA==&noCardFlag=&qr_pay_mode=4&qrcode_width=157&promotAmountFen=&promotionId=&bsfitDeviceid="+bsfitDeviceid + "&supportHBFlag=false" );
            } else {
                jQuery("#alipayIframe").attr("src", "https://pay.lvmama.com/payment/pay/choosePay.do?paymentgateway=alipay&paymentGateWayConfigId=100041&payType=SINGLE&platFrom=domain&payPlatType=_third_plat_pay&objectId=21100610632&amount=7000&objectType=ORD_ORDER&paymentType=PAY&waitPayment=37&approveTime=20210228202332&visitTime=20210228000000&bizType=VST_ORDER&royaltyParameters=&signature=UuEC66kpteVuryPaA0uL60WPhgOQDFvGLK00JWAsz55OdYwjwrxxfANJhw9FAQ8ruzM0FU8Yc9CMBHDGU25eUuy8hEoaNF7sibaWinMdhA2r0BPUqWtPMEIqJs6ALzDh+Q96hAe5fFiPGOwPIX1VnVr8lAZ3fBWSlv9a2LaaKHr++bQ+A+Xv4sGoAd92qrhPCAySXzuh9RIfzS3D3vY27w+dq9G+wB0G3nf2cZ//9uZWtfjFMtPPRxJFbcoqknPMr81YaFsYVHK//GSRWxacEOS9No+s6GPMtmwfw7q+vTKWd8/fOXo0nDqgcCeh6P/lEmJuib78YCWL9oEjDkAbZA==&noCardFlag=&qr_pay_mode=4&qrcode_width=157&promotAmountFen=&promotionId=&bsfitDeviceid="+bsfitDeviceid + "&supportHBFlag=false");
            }
        }
    }


   

   
    function alertOpenNoTimeTip() {
        var alreadyPaied = '0';
        if (alreadyPaied != '0') {
            openNoTimeSplitPayTip();
        } else {
            openNoTimeTip();
        }
    }

    function openwaitPayTip() {
        pandora.dialog({
            title: "",
            content: $('#pay_state'),
            width: 500
        });
    }

    function openwaitSplitPayTip() {
        pandora.dialog({
            title: "",
            content: $('#pay_split_state'),
            width: 500,
            beforeunload: function () {
                ajaxSplitPayCount();
            }
        });
    }


    function openPayFailTip() {
        pandora.dialog({
            title: "",
            content: $('#pay_fail'),
            width: 500
        });
    }

    function openNoUsePinganTip() {
        pandora.dialog({
            title: "",
            content: $('#no_use_pingan'),
            width: 500
        });
    }

    function opentimeoutTip(){
        pandora.dialog({
            title: "",
            content: $('#pay_timeout'),
            width: 500
        });
    }

    function openNoTimeTip() {
        pandora.dialog({
            title: "温馨提示",
            content: $('#pay_overtime'),
            width: 420,
            wrapClass: "dialog-overtime", //模板名称
            ok: function () {
                //点击OK 回调
            },
            okClassName: 'btn btn-orange'
        });
    }

    function openNoTimeSplitPayTip() {
        pandora.dialog({
            title: null,
            content: $('#pay_overtime_splits'),
            width: 500
        });
    }

    function openPayIllegalTip() {
        $('.pay-splits-input-warning').html('<span class="nova-icon-xs nova-icon-warning"></span>请输入有效金额');
        $('.pay-splits-input-cancel').hide();
        $('.pay-splits-input-warning').show();
    }


    function openPayRepeatTip() {
        pandora.dialog({
            title: "温馨提示",
            content: $('#pay_repeat'),
            width: 420,
            wrapClass: "dialog-repeat", //模板名称
            ok: function () {
                //点击OK 回调
            },
            okClassName: 'btn btn-orange'
        });
    }

   

    //分次支付成功
    function splitPayOKButton() {
        $('.dialog-close').click();
    }

   

    function payWaitingWithMask(show) {
        if (show) {
            $(".payWaiting").show();
        } else {
            $(".payWaiting").hide();
        }
    }

  
    }

    function setPayLimitNotice(paylimitN1, paylimitN2, paylimitnotice) {
        var paylimitNotice = "";
        paylimitN1 = $.trim(paylimitN1);
        paylimitN2 = $.trim(paylimitN2);
        if (paylimitN1 != "") {
            paylimitNotice = paylimitN1;
        }

        if (paylimitN2 != "") {
            paylimitNotice = paylimitNotice + "<br/>" + paylimitN2;
        }
        $('#' + paylimitnotice).html(paylimitNotice);
    }


    //支付方式点击
    $('.js_pay_list li:not(.pay-disabled)').live('click', function () {
        var $this = $(this);
        var $thisBox = $this.parents(".pay_type_box");
        var $thisBtnPart = $thisBox.find(".pay-btn-part");
        var $thisText = $thisBtnPart.find(".to-pay-tips");
        $this.addClass('active').siblings().removeClass('active');
        var paylimitNotice = $thisText.html();
        var oughtPayYuan = $('#oughtPayYuan').val();
        var tabLimit = $thisBox.find(".paytablimit").val();
        var bankLimit = $this.find(".paylimit").val();
        if (typeof(oughtPayYuan) != "undefined") {
            oughtPayYuan = oughtPayYuan * 1;
        }
        if (typeof(tabLimit) != "undefined" && tabLimit != "") {
            tabLimit = tabLimit * 1;
        }
        if (typeof(bankLimit) != "undefined" && bankLimit != "") {
            bankLimit = bankLimit * 1;
        }

        if (typeof(tabLimit) != "undefined" && tabLimit != "" && tabLimit < oughtPayYuan) {
            if (paylimitNotice != "") {
                $thisText.show();
            } else {
                $thisText.hide();
            }
        } else if (typeof(bankLimit) != "undefined" && bankLimit != "" && bankLimit < oughtPayYuan) {
            if (paylimitNotice != "") {
                $thisText.show();
            } else {
                $thisText.hide();
            }
        } else {
            $thisText.hide();
        }

    });


    function splitPayNoTimeClose() {
        $('.dialog-close').click();
        window.location.href = "http://my.lvmama.com/myspace/order.do";
    }

    //切换分期
    $(document).on('click', '.huabei_list li', function (e) {
        $(this).addClass('active').siblings().removeClass('active');
    });

</script>

<script type="text/javascript">
    var _mvq = window._mvq || [];
    window._mvq = _mvq;
    _mvq.push(['$setAccount', 'm-193368-0']);
    _mvq.push(['$logConversion']);
    (function () {
        var mvl = document.createElement('script');
        mvl.type = 'text/javascript';
        mvl.async = true;
        mvl.src = ('https:' == document.location.protocol ? 'https://static-ssl.mediav.com/mvl.js' : 'https://static.mediav.com/mvl.js');
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(mvl, s);
    })();
</script>
<script type="text/javascript">
    function mvq360(product360_list, orderId, orderPrice) {
        var productList = product360_list;
        var _mvq = window._mvq || [];
        window._mvq = _mvq;
        _mvq.push(['$setAccount', 'm-193368-0']);
        _mvq.push(['$setGeneral', 'ordercreate', '', '', '']);
        _mvq.push(['$logConversion']);
        _mvq.push(['$addOrder', orderId, orderPrice]);
        if (productList != "") {
            for (var i = 0; i < productList.split(";"); i++) {
                var itemArr = productList.split(";")[i].spilt(",");
                _mvq.push(['$addItem', orderId, itemArr[0], itemArr[1], itemArr[2]]);
            }
        } else {
            _mvq.push(['$addItem', orderId]);
        }
        _mvq.push(['$logData']);
    }
</script>
<script type="text/javascript" src="%E8%AE%A2%E5%8D%95%E6%94%AF%E4%BB%98_%E9%A9%B4%E5%A6%88%E5%A6%88%E6%97%85%E6%B8%B8%E7%BD%91_files/index.js"></script>

 <div class="poptip tip-light poptip-default" style="display: none;" id="poptip1">     <div class="tip-arrow tip-arrow-12">         <em>◆</em>         <i>◆</i>     </div>     <div class="tip-content">         <h5 class="tip-title" style="display: none;"></h5>         <p></p>     </div> </div><div style="visibility: hidden; position: absolute;" id="userdata_el"></div></body></html>